<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="Description" content=""/>
		<meta name="Keywords" content=""/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_731816_uwp8vaghm3c.css"/>
		<link rel="stylesheet" type="text/css" href="../CSS/comm/comm.css"/>
		<script src="../JS/common.js"></script>
		<link rel="stylesheet" type="text/css" href="../CSS/swiper-4.3.3.min.css"/>
		<link rel="stylesheet" type="text/css" href="../CSS/res.css"/>
		<title>资源页</title>
	</head>
	<body>
		<input type="checkbox"  id="check" />
		<input type="checkbox"  id="check4" />
		<div class="mobile">
			<header>
				<label for="check">
					<ul class="login">
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</label>
				<div class="logo"><img src="../img/LOGO.png"/></div>
				<label for="check4">
				<div class="search"><img src="../img/search.png"/></div></label>
			</header>
			<section>
			<!--轮播图-->
				  <div class="swiper-container">
				    <div class="swiper-wrapper">
				      <div class="swiper-slide">
				      	<img src="../img/lb.png"/>
				      	<div class="swiper-ct clear_fix">
				      		<h1>省广股份携手阿里妈妈举行DT大时代 全息营销省广股份携</h1>
				      		<div class="swiper-ct-bt">
				      			<span class="iconfont icon-favorite pc1">120</span>
				      			<span class="iconfont icon-yanjing pc1">560</span>
				      			<span>12月26日 07:33:43</span>
				      		</div>
				      	</div>
				      </div>
				      <div class="swiper-slide">
				      	<img src="../img/lb2.png"/>
				      	<div class="swiper-ct clear_fix">
				      		<h1>省广股份携手阿里妈妈举行DT大时代 全息营销省广股份携</h1>
				      		<div class="swiper-ct-bt">
				      			<span class="iconfont icon-favorite pc1">120</span>
				      			<span class="iconfont icon-yanjing pc1">560</span>
				      			<span>12月26日 07:33:43</span>
				      		</div>
				      	</div>
				      </div>
				      <div class="swiper-slide">
				      	<img src="../img/lb3.png"/>
				      	<div class="swiper-ct clear_fix">
				      		<h1>省广股份携手阿里妈妈举行DT大时代 全息营销省广股份携</h1>
				      		<div class="swiper-ct-bt">
				      			<span class="iconfont icon-favorite pc1">120</span>
				      			<span class="iconfont icon-yanjing pc1">560</span>
				      			<span>12月26日 07:33:43</span>
				      		</div>
				      	</div>
				      </div>
				      <div class="swiper-slide">
				      	<img src="../img/lb4.png"/>
				      	<div class="swiper-ct clear_fix">
				      		<h1>省广股份携手阿里妈妈举行DT大时代 全息营销省广股份携</h1>
				      		<div class="swiper-ct-bt">
				      			<span class="iconfont icon-favorite pc1">120</span>
				      			<span class="iconfont icon-yanjing pc1">560</span>
				      			<span>12月26日 07:33:43</span>
				      		</div>
				      	</div>
				      </div>
				      <div class="swiper-slide">
				      	<img src="../img/lb.png"/>
				      <div class="swiper-ct clear_fix">
				      		<h1>省广股份携手阿里妈妈举行DT大时代 全息营销省广股份携</h1>
				      		<div class="swiper-ct-bt">
				      			<span class="iconfont icon-favorite pc1">120</span>
				      			<span class="iconfont icon-yanjing pc1">560</span>
				      			<span>12月26日 07:33:43</span>
				      		</div>
				      	</div>
				      </div>
				      <div class="swiper-slide">
				      	<img src="../img/lb2.png"/>
				      <div class="swiper-ct clear_fix">
				      		<h1>省广股份携手阿里妈妈举行DT大时代 全息营销省广股份携</h1>
				      		<div class="swiper-ct-bt">
				      			<span class="iconfont icon-favorite pc1">120</span>
				      			<span class="iconfont icon-yanjing pc1">560</span>
				      			<span>12月26日 07:33:43</span>
				      		</div>
				      	</div>
				      </div>
				      <div class="swiper-slide">
				      	<img src="../img/lb3.png"/>
				      <div class="swiper-ct clear_fix">
				      		<h1>省广股份携手阿里妈妈举行DT大时代 全息营销省广股份携</h1>
				      		<div class="swiper-ct-bt">
				      			<span class="iconfont icon-favorite pc1">120</span>
				      			<span class="iconfont icon-yanjing pc1">560</span>
				      			<span>12月26日 07:33:43</span>
				      		</div>
				      	</div>
				      </div>
				      <div class="swiper-slide">
				      	<img src="../img/lb4.png"/>
				      <div class="swiper-ct clear_fix">
				      		<h1>省广股份携手阿里妈妈举行DT大时代 全息营销省广股份携</h1>
				      		<div class="swiper-ct-bt">
				      			<span class="iconfont icon-favorite pc1">120</span>
				      			<span class="iconfont icon-yanjing pc1">560</span>
				      			<span>12月26日 07:33:43</span>
				      		</div>
				      	</div>
				      </div>
				    </div>
				    <!-- Add Pagination -->
				    <div class="swiper-pagination"></div>
				  </div>
				
				  <!-- Swiper JS -->
				  <script src="../JS/swiper-4.3.3.min.js"></script>
				
				  <!-- Initialize Swiper -->
				  <script>
				    var swiper = new Swiper('.swiper-container', {
				    	autoplay: {
						    delay: 1500,//1.5秒切换一次
						  },
				        pagination: {
					        el: '.swiper-pagination',
					      },
				        paginationClickable: true,
				        spaceBetween: 0,
				        loop:true
				    });
				  </script>
				  
				  <div class="sect-cet">
				  	<div class="sect-cet-one clear_fix">
				  		<a href="res2.html"><img src="../img/z1.png"/></a>
				  		<div class="sect-cet-rt">
				  			<h1>腾讯视频</h1>
				  			<p>腾讯视频贴片广告、60秒贴片广告</p>
				  			<p>质量超棒、欢迎尝试质量超棒欢迎尝试质量超棒、欢迎尝试</p>
				  			<span class="iconfont icon-yanjing pc1">250</span><span>2015-9-3</span>
				  		</div>
				  	</div>
				  	<div class="sect-cet-one clear_fix">
				  		<a href="res2.html"><img src="../img/z1.png"/></a>
				  		<div class="sect-cet-rt">
				  			<h1>腾讯视频</h1>
				  			<p>腾讯视频贴片广告、60秒贴片广告</p>
				  			<p>质量超棒、欢迎尝试质量超棒欢迎尝试质量超棒、欢迎尝试</p>
				  			<span class="iconfont icon-yanjing pc1">250</span><span>2015-9-3</span>
				  		</div>
				  	</div>
				  	<div class="sect-cet-one clear_fix">
				  		<a href="res2.html"><img src="../img/z1.png"/></a>
				  		<div class="sect-cet-rt">
				  			<h1>腾讯视频</h1>
				  			<p>腾讯视频贴片广告、60秒贴片广告</p>
				  			<p>质量超棒、欢迎尝试质量超棒欢迎尝试质量超棒、欢迎尝试</p>
				  			<span class="iconfont icon-yanjing pc1">250</span><span>2015-9-3</span>
				  		</div>
				  	</div>
				  	
				  </div>
				  <a href="#">加载更多</a>
			</section>
			<!--脚注-->
			<footer>
				<div class="ft-bot">
					<a href="../index.html"><img src="../img/shouye.png" alt="" /><span>首页</span></a>
					<a href=""><img src="../img/gimc.png" alt="" /><span>GIMC</span></a>
					<a href="article.html"><img src="../img/wenzhang.png" alt="" /><span>文章</span></a>
					<a href="res.html"><img src="../img/ziyuan2.png" alt="" /><span>资源</span></a>
					<a href="curri.html"><img src="../img/xueyuan.png" alt="" /><span>学院</span></a>
				</div>
			</footer>
		</div>
		
		<!--登录窗口-->
		<div class="loginBox">
			<label for="check">
			<span class="back">×</span></label>
			<div class="login-top">
				<hr />
				<div class="login-img">
					<img src="../img/touxiang.png" alt="" />
					<label for="check2">
					<span>立即登录</span></label>
				</div>
			</div>
			<div class="login-bt">
				<hr />
				<ul>
					<li class="clear_fix">
						<span>GIMC</span>
						<i>&gt;</i>
						<div class="clear line"></div>
						<div class="login-bt-ct">
							<span>省广介绍</span>
							<span>新闻资讯</span>
						</div>
					</li>
					<li class="clear_fix">
						<span>文章</span>
						<i>&gt;</i>
						<div class="clear line"></div>
						<div class="login-bt-ct">
							<span>省广介绍</span>
							<span>新闻资讯</span>
						</div>
					</li>
					<li class="clear_fix">
						<span>资源</span>
						<i>&gt;</i>
						<div class="clear line"></div>
						<div class="login-bt-ct">
							<span>省广介绍</span>
							<span>新闻资讯</span>
						</div>
					</li>
					<li class="clear_fix">
						<span>课程</span>
						<i>&gt;</i>
						<div class="clear line"></div>
						<div class="login-bt-ct">
							<span>省广介绍</span>
							<span>新闻资讯</span>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!--点击登录-->
		<input type="checkbox"  id="check2" />
		<div class="plogin">
			<div class="plogin-logo"><img src="../img/dlogo.png"/></div>
			<div class="plogin-ct clear_fix">
				<div class="plogin-ct-tp">
					<div class="ct-tp-img"><img src="../img/t.png"/></div>
					<input type="text" placeholder="请输入已验证的手机号或邮箱"/>
				</div>
				<div class="plogin-ct-tp">
					<div class="ct-tp-img"><img src="../img/s.png"/></div>
					<input type="password" placeholder="请输入密码"/>
				</div>
				<div class="psw"><img src="../img/wenhao.png"/><span>忘记密码</span></div>
			</div>
			<div class="bt">
				<input type="button"  value="登录" />
				<label for="check3">
				<div class="rg">
					注册
				</div></label>
			</div>
		</div>
		<!--个人中心-->
		<input type="checkbox"  id="check3" />
		<div class="core">
			<div class="core-top">
				<div class="core-top-img"><img src="../img/login1.png"/></div>
				<div class="uname">
					<h1>陈小敏</h1><span>个人中心 &gt;</span>
				</div>
				<div class="core-img"><img src="../img/xing.png"/><img src="../img/xing.png"/><img src="../img/xing.png"/><img src="../img/xing.png"/></div>
				<div class="abt">
					<span>关注</span><i>36</i><span>|</span><span>粉丝</span><i>290</i>
				</div>
				<div class="fabu clear_fix">
					<input type="button"  value="我的收藏" />
					<input type="button"  value="我的发布" />
				</div>
			</div>
			<div class="core-bt">
				<hr />
				<ul>
					<li class="clear_fix">
						<span>GIMC</span>
						<i>&gt;</i>
						<div class="clear line"></div>
						<div class="login-bt-ct">
							<span>省广介绍</span>
							<span>新闻资讯</span>
						</div>
					</li>
					<li class="clear_fix">
						<span>文章</span>
						<i>&gt;</i>
						<div class="clear line"></div>
						<div class="login-bt-ct">
							<span>省广介绍</span>
							<span>新闻资讯</span>
						</div>
					</li>
					<li class="clear_fix">
						<span>资源</span>
						<i>&gt;</i>
						<div class="clear line"></div>
						<div class="login-bt-ct">
							<span>省广介绍</span>
							<span>新闻资讯</span>
						</div>
					</li>
					<li class="clear_fix">
						<span>课程</span>
						<i>&gt;</i>
						<div class="clear line"></div>
						<div class="login-bt-ct">
							<span>省广介绍</span>
							<span>新闻资讯</span>
						</div>
					</li>
				</ul>
				<div class="back">
					<a href="../index.html">退出</a>
				</div>
			</div>
		</div>
		
		<!--搜索-->
		<div class="msech">
			<div class="msech-top">
				<label for="check4">
				<span class="back">×</span>
				</label>
				<div class="msech-sech">
					<img src="../img/se2.png"/><input type="text" placeholder="Search" />
				</div>
			</div>
			<div class="hot">
				<h1>热搜</h1>
				<a href="#">省广股份</a>
				<a href="#">移动互联网</a>
				<a href="#">细分平台业务</a>
				<a href="#">O2O</a>
				<a href="#">媒介平台</a>
				<a href="#">拥抱变革，创造未来</a>
				<a href="#">平台</a>
				<a href="#">上海金投赏创意节</a>
			</div>
		</div>
	</body>
</html>
